<div class="slider">
                          <ul class="items">
                          	<li><img src="<?php echo $Assets_Url?>/images/qt.png" alt="">
                            	<span class="banner">
                                    <span id="n2" class="rotate">
                                        <strong class="b1">
                                            <span class="fletter">Q</span>ui <span class="fletter">T</span>rình&nbsp;<span class="fletter">T</span>hiết <span class="fletter">K</span>ế <span class="fletter">W</span>ebsite
                                        </strong> 
                                        <strong class="b2">Chuyên Nghiệp!!!</strong>
                                    </span>
                                    <a class="button" href="#">Chi tiết</a>
                                </span>
                            </li>
                            <li><img src="<?php echo $Assets_Url?>/images/social.jpg" alt="">
                            	<span class="banner">
                                    <span id="n1" class="rotate">
                                        <strong class="b1">
                                            <span class="fletter">S</span>ocial&nbsp;<span class="fletter">M</span>edia
                                        </strong> 
                                        <strong class="b2">Kết nối mạng xã hội</strong>
                                    </span>
                                    <a class="button" href="#">Chi tiết</a>
                                </span>
                            </li>
                            <li><img src="<?php echo $Assets_Url?>/images/template1.png" alt="">
                            	<span class="banner">
                                    <span id="n3" class="rotate">
                                        <strong class="b1">
                                            <span class="fletter">N</span>hiều <span class="fletter">M</span>ẫu <span class="fletter">W</span>ebsite <span class="fletter">C</span>ực <span class="fletter">K</span>ool
                                        </strong> 
                                        <strong class="b2">Thoải mái lựa chọn</strong>
                                    </span>
                                    <a class="button" href="#">Chi tiết</a>
                                </span>
                            </li>
                            <li><img src="<?php echo $Assets_Url?>/images/seo.png" alt="">
                            	<span class="banner">
                                    <span id="n4" class="rotate">
                                        <strong class="b1">
                                            <span class="fletter">S</span>eo&nbsp; <span class="fletter">G</span>oogle<span class="fletter">A</span>dwords
                                        </strong> 
                                        <strong class="b2">Quảng bá website trên Google</strong>
                                    </span>
                                    <a class="button" href="#">Chi tiết</a>
                                </span>
                            </li>
                    	</ul>
                        <div class="border-bot4"></div>
</div>
<script type="text/javascript">
	$(function(){
		var slider=$('.slider')
			slider._TMS({
			items:'.items li',
			preload:false,
			playBlock: true,
			pagNums:true,
			pagination:true,
			slideShow:7000,
			duration:400,
			progressBar: true,
			show:0,
			banners:true,
			playBu:'.play',
			prevBu:'.prev',
			nextBu:'.next',
			preset:'zabor',
			bannerMeth:'custom',
			beforeAnimation:function(banner){
				banner
					.stop()
					.animate({left:-banner.width()},500)
			},
			afterAnimation:function(banner){
				banner
					.css({left:-banner.width()})
					.stop()
					.animate({left:40},500)
			}
		})
	 })
	</script>
